<template>
  <div class="content" v-html="props.content"></div>
</template>

<!--组件自定义-开关状态-->
<script setup lang="ts">

const props = defineProps<{ content: string }>()

</script>

<style scoped lang="less">
.content {
  :deep(img) {
    width: 100%;
  }

  :deep(table tr th), :deep(table tr td) {
    border: 1px solid #bbbbbb;
    padding: 0 3px;
  }

  :deep(table) {
    min-height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 2px;
    border-collapse: collapse;
    border: 1px solid #bbbbbb;
  }
}
</style>
